<template>
    <FormItem :label="Config.Label + ' :'" class="FormItem">
        <Input size="small" :disabled="Config.disable" v-model="value[Config.ParentKey][Config.ParamKey]">
            <span slot="append" class="Unit">{{ Config.Unit }}</span>
        </Input>
    </FormItem>
</template>

<script>
export default {
    props: ['value', 'Config'],
}
</script>

<style lang="less" scoped>
.FormItem {
    margin: 0.5rem 0;
    /deep/ .ivu-input-group-append {
        background-color: transparent;
        border-left: none;
    }
    /deep/.ivu-form-item-label {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    /deep/ .ivu-input-group-with-append.ivu-input-group-small .ivu-input {
        border-right: 0;
    }
    /deep/.ivu-input-group-append {
        background-color: rgba(225, 225, 225, 0.1);
    }
}
.FormBox {
    padding: 0.3rem 0;
    display: flex;
}
.Unit {
    padding-left: 0.5rem;
}
</style>